<template>
  <PageWrapper dense contentFullHeight fixedHeight :contentStyle="{ paddingTop: '10px' }">
    <Tabs class="h-full" v-model:activeKey="activeKey" tab-position="left">
      <TabPane :key="1" tab="访问量数据"> <VisitMap /> </TabPane>
      <TabPane :key="2" tab="使用设备"><Device /></TabPane>
      <TabPane :key="3" tab="使用浏览器"><Browser /></TabPane>
      <TabPane :key="4" tab="登录量"><LoginLine /></TabPane>
    </Tabs>
  </PageWrapper>
</template>
<script lang="ts" setup>
  import { PageWrapper } from '@/components/Page';
  import { Tabs } from 'ant-design-vue';
  import { ref } from 'vue';
  import VisitMap from './pages/map.vue';
  import Device from './pages/device.vue';
  import Browser from './pages/browser.vue';
  import LoginLine from './pages/loginLine.vue';

  const TabPane = Tabs.TabPane;

  const activeKey = ref<number>(1);
</script>
